<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>站点管理·思通投研·让数据驱动投资价值!</title>
    <link href="${pageContext.request.contextPath }/img/webLogoIcon.png"
          rel="shortcut icon">
    <link href="${pageContext.request.contextPath }/css/bootstrap.min.css"
          rel="stylesheet">
    <link href="${pageContext.request.contextPath }/css/font-awesome.css"
          rel="stylesheet">

    <link href="${pageContext.request.contextPath }/css/animate.css"
          rel="stylesheet">
    <link href="${pageContext.request.contextPath }/css/style.css"
          rel="stylesheet">


    <link
            href="${pageContext.request.contextPath }/css/plugins/sweetalert/sweetalert.css"
            rel="stylesheet">

    <!-- FooTable -->
    <link href="${pageContext.request.contextPath }/css/footable.core.css"
          rel="stylesheet">
    <link href="${pageContext.request.contextPath }/css/datepicker3.css"
          rel="stylesheet">
    <link href="${pageContext.request.contextPath}/css/mypage.css"
          rel="stylesheet">
    <style>
        .select2_demo_1 {
            float: left;
            width: 120px;
            display: inline;
            margin-left: 10px;
        }

        .form-control {
            display: inline;
        }

        .col-sm-3 {
            float: right;
            width: 560px;
        }

        .input-group {
            float: right;
            width: 240px;
            margin-left: 5px;
        }

        td {
            vertical-align: middle;
        }

        .main-content {
            width: 100%;
            min-height: calc(100vh - 300px);
            background: #fff;
            border-radius: 4px;
            padding: 20px;
            border: 1px solid #e8e8e8;
        }

        .addkeywords::after {
            content: '';
            display: block;
            clear: both;
        }

        .addkeywords {
            width: 100%;
            border-bottom: 1px solid #e8e8e8;
            padding-bottom: 10px;
        }

        .addkeywords input {
            width: 500px;
            float: left;
        }

        .addkeywords button {
            margin-left: 20px;
            float: left;
        }

        .key-content {
            width: 100%;
        }

        .key-content span {
            display: inline-block;
            padding: 0 8px;
            line-height: 30px;
            font-size: 14px;
            border: 1px solid #faad14;
            border-radius: 4px;
            color: #5a5a5a;
            margin: 10px 10px 0 0;
        }

        .key-content span i {
            color: #5a5a5a;
            margin-left: 5px;
            cursor: pointer;
        }

        .key-content span i:hover {
            color: #faad14;
        }

        .pages {
            width: 100%;
            min-height: 40px;
            margin-top: 20px;
            border-top: 1px solid #e8e8e8;
        }

        .website_type {
            border: 1px solid;
            padding: 7px 10px;
            margin-right: 10px;
            border-radius: 5px;
            cursor: pointer;
        }

        .mainstream_flag {
            border: 1px solid;
            padding: 7px 10px;
            margin-right: 10px;
            border-radius: 5px;
            cursor: pointer;
        }

        #search:active {
            background: rgb(203, 249, 179);
        }
    </style>
</head>
<body>
<nav class="navbar-default navbar-static-side" role="navigation">
    <%
        request.setAttribute("LEFT", "disabled_column");
    %>
    <%@include file="../datasource-left.jsp" %>
</nav>

<div id="page-wrapper" class="gray-bg">
    <div class="row border-bottom">
        <jsp:include page="../head-factory.jsp" flush="true"/>
    </div>

    <div class="row wrapper border-bottom white-bg page-heading">
        <div class="col-lg-9">
            <h2>站点管理</h2>
            <ol class="breadcrumb">
                <li class="nav-main1"><a
                        href="${pageContext.request.contextPath}/admin/tosystem_overview">主页</a>
                </li>

                <li class="active"><a>站点管理</a></li>
            </ol>
        </div>
    </div>

    <div class="wrapper wrapper-content animated fadeInRight">
        <!-- 内容开始 start-->
        <div class="row">
            <div class="col-lg-12 main-content">
                <div class="ibox-content">
                    <table class="footable table table-stripped toggle-arrow-tiny"
                           data-page-size="25">
                        <thead>
                        <tr>
                            <th style="width: 5%;">栏目id</th>
                            <th style="width: 15%;">栏目名称</th>
                            <th style="width: 25%;">栏目链接</th>
                            <th style="width: 5%;">站点id</th>
                            <th style="width: 15%;">站点名称</th>
                            <th style="width: 10%;">失效查询次数</th>
                            <th style="width: 10%;">创建时间</th>
                            <th style="width: 10%;">操作</th>
                        </tr>
                        </thead>
                        <tbody id="list">
                        </tbody>
                        <tfoot>
                        <tr>
                            <td colspan="7">
                                <div class="box" id="box" style="float: right;"></div>
                            </td>
                        </tr>
                        </tfoot>
                    </table>

                </div>
            </div>
        </div>
        <!-- 内容开始 end-->
        <jsp:include page="../footer.jsp" flush="true"/>
    </div>


</div>

<!-- Mainly scripts -->
<script src="${pageContext.request.contextPath }/js/jquery-2.1.1.js"></script>
<script src="${pageContext.request.contextPath }/js/bootstrap.min.js"></script>
<script
        src="${pageContext.request.contextPath }/js/jquery.metisMenu.js"></script>
<script
        src="${pageContext.request.contextPath }/js/jquery.slimscroll.min.js"></script>

<!-- Custom and plugin javascript -->
<script src="${pageContext.request.contextPath }/js/inspinia.js"></script>
<script src="${pageContext.request.contextPath }/js/pace.min.js"></script>


<!-- FooTable -->
<script
        src="${pageContext.request.contextPath }/js/footable.all.min.js"></script>
<script src="${pageContext.request.contextPath}/js/mypage.js"></script>

<script
        src="${pageContext.request.contextPath }/js/plugins/toastr/toastr.min.js"></script>
<!-- Sweet alert -->
<script
        src="${pageContext.request.contextPath }/js/plugins/sweetalert/sweetalert.min.js"></script>
<script
        src="${pageContext.request.contextPath }/js/block-ui/jquery.blockUI.js"></script>
<script
        src="${pageContext.request.contextPath }/js/province_city.js"></script>
<!-- Page-Level Scripts -->
<script type="text/javascript">
    $(function () {
        list(1);
    });


    function list(pageNum) {
        $.ajax({
            url: "${pageContext.request.contextPath}/spiderflow/spiderDisabledList/" + pageNum + "/30",
            type: "get",
            success: function (res) {
                $('#list').empty();
                var pagedata = res.data;
                var list = pagedata.list;
                if (list.length > 0) {
                    $("#pagediv").html('<div class="box" id="box" style="float: right;"></div>')
                    paging(pagedata.total, pagedata.pages, pageNum);
                    $('.footable').footable();
                } else {
                    $('#list').html('暂无数据！');
                    $('#box').empty();
                }
                for (let i = 0; i < list.length; i++) {
                    $('#list').append(
                        '<tr onclick="pageopen(' + list[i].id + ')">' +
                        '<td>' + (list[i].id) + '</td>' +
                        '<td>' + (list[i].seed_name == undefined ? '暂无' : list[i].seed_name) + '</td>' +
                        '<td>' + (list[i].sole_sign == undefined ? '暂无' : list[i].sole_sign) + '</td>' +
                        '<td>' + (list[i].website_id == undefined ? '暂无' : list[i].website_id) + '</td>' +
                        '<td>' + (list[i].website_name == undefined ? '暂无' : list[i].website_name) + '</td>' +
                        '<td>' + (list[i].errorNum == undefined ? '暂无' : list[i].errorNum) + '</td>' +
                        '<td>' + list[i].create_date + '</td>' +
                        '<td><button style="margin-right:5px;" onclick="pageopen(' + list[i].id + ')" >查看配置</button></td>' +
                        '</tr>'
                    )
                }
            }
        })
    }


    function pageopen(id) {
        window.open('${pageContext.request.contextPath}/spiderflow/detail/' + id, "_blank");
    }


    function paging(totalData, totalPage, pagenum) {
        $('#box').paging({
            initPageNo: pagenum, // 初始页码
            totalPages: totalPage, //总页数
            totalCount: '合计' + totalData + '条数据', // 条目总数
            slideSpeed: 600, // 缓动速度 单位毫秒
            jump: true, //是否支持跳转
            callback: function (page) {
                // 回调函数
            }
        });
    }


    function JumpToPage(pagenum) {
        list(pagenum)
    }
</script>
</body>

</html>
